
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<h3 align="center"> DETALLE DISTRIBUCION DEPOSITO</h3>
<table border="0" width="100%" align="center">
	<tr>
		<td class="content-tabla">
			<table id="tabla_detalle_distribucion" align="center">
				<tr >
								<th width='30'>Zona</th>
								<th width='30'>Localidad</th>
								<th  width='30'>Importe</th>
							</tr>
							<tbody>
							
							<c:forEach items="${lista_distribucion_deposito}" var="distribucion" >
					            <tr>
					                <td>${distribucion.nom_zona}</td>
					                <td>${distribucion.nom_localidad}</td>
					                <td>${distribucion.importe}</td>
					            </tr>
					        </c:forEach>
					        </tbody>
			</table> <div id="pager_distribucion"></div>
			<script>
			  $(document).ready(function() {
				  tableToGrid("#tabla_detalle_distribucion",{height:300,scrollOffset: 0,
						rownumbers: true,autoWidth: true,autoHeight: true,footerrow : true, userDataOnFooter : true/*, altRows : true*/});
				  $("#tabla_detalle_distribucion").jqGrid('setColProp','Importe',{width:90,sorttype:'number',formatter:'number', formatoptions: { decimalSeparator: ".", thousandsSeparator: " ", decimalPlaces: 2, defaultValue: '0.00' }, align:"right",summaryType:'sum'});
				  $("#tabla_detalle_distribucion").trigger("reloadGrid");
				  calculaTotal();

				});

				 function calculaTotal() {
					data= $('#tabla_detalle_distribucion').jqGrid('getGridParam','data');
					suma =0;
					$.each(data, function(i) {				
						suma+=parseFloat(this.Importe);
					});
					//suma = redondear(suma,2);
					$('#tabla_detalle_distribucion').jqGrid('footerData','set', {Localidad:"TOTAL ====>",Importe:suma});
				}
			  </script>     
		</td>
	</tr>
</table>
